<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>杨澎锴的实践作业html练习3</title>
  </head>
  <body>
    <p><a href="../index1.html">返回首页</a></p>
    <p><label>年龄：<input name=age type=number min=0></label></p>
    <section>
      <h1>HTML元素练习</h1>
      <h2>嵌入元素练习</h2>
      <!-- 网页的设计阶段使用的lorem元素来添加内容 -->
      <p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur
        provident commodi expedita tempore soluta doloremque alias itaque qui
        facere natus exercitationem nesciunt rerum maxime, maiores ex, quas, eum
        facilis consequuntur!
      </p>
      
      <!-- youku视频链接引用 -->
      <p><iframe height=498 width=510 src='http://player.youku.com/embed/XNDU0NDQxNzA3Mg=='
        frameborder=0 'allowfullscreen'></iframe></p>
    </section>
    <section>
      <h2>表格元素练习</h2>
      <table>
        <caption>花名册表格</caption>
        <tr><td>姓名</td><td>班级</td><td>学号</td></tr>
        <tr> <td>杨</td><td>1班</td><td>123</td></tr>
        <tr><td>李</td><td>2班</td><td>456</td></tr>
      </table>
    </section>
    <section>
      <h2>表单元素的练习</h2>
      <!-- form 元素最重要的两个属性是 action 和 method，分别对应表单提交后的处理程序和表单提交方式。 -->
      <p><form action="http://wwww.baidu.com/s" method="GET">
      <label>百度一下：<input type="search" name="wd"><input type="submit" value="百度一下"></form></p>
      <p><form action="http://www.bing.com/search" method="get">
        <label>Bing: <input type="search" name="q"></label> <input type="submit" value="Search...">
      </form></p>
      <p><form action="https://search.jd.com/Search?" method="GET">
        <label>京东购物：<input type="search" name="keyword"><input type="submit" value="京东搜索"></form></p>
    </section>
  </body>
</html>
